<template>
  <el-menu
      style="height: 100%;"
      class="el-menu-vertical-demo"
      :default-active="defaultActiveId"
      :background-color="backgroundColor"
      :default-openeds="defaultOpeneds"
  >
    <rp-right-menu-item :list="menuRightList" @handleClick="handleClick"></rp-right-menu-item>
  </el-menu>
  <slot></slot>
</template>

<script setup lang="ts">
//组件

//接口


//api
import {defineProps, reactive, ref} from 'vue';
import useReportStore from "@/store/modules/report/report";
import {structResultItem} from "@/api/reportCom/type";
import RpRightMenuItem from "@/components/contentRight/rprightMenuItem.vue";

//data
let props = withDefaults(defineProps<{
  defaultActiveId?: string | number | any,
  defaultOpeneds: string[] | number[],
  menuRightList: structResultItem[],
  backgroundColor?: string
}>(), {backgroundColor: 'rgba(247, 247, 247, 1)'})
let reportStore = useReportStore()
let emit = defineEmits(['handleClick'])
/*
函数
*/

/**************************接口函数**************************/


/**************************操作函数**************************/
const handleClick = (value: any) => {
  emit('handleClick', value)
}

</script>

<style lang="scss">

</style>
